<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div>{{$store.state.count}} / {{doubleCount}}</div>
    <div>
      {{addCount}}
    </div>
  </div>
</template>


<script>
import { mapState, mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters({
      
    }),
    addCount(){
        return this.$store.getters.addCount(5)
    s},
    ...mapState({
      count: state => state.count,

      doubleCount(state){
        return state.count * 2
      }
    })
  },
}
</script>